<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="jquery-ui-1.10.2/themes/base/jquery-ui.css"/>
		<script src="jquery-ui-1.10.2/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="jquery-ui-1.10.2/ui/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			div{
				width: 300px;
				height: 300px;
				background: red;
			}
		</style>
	</head>
	<body>
		<button id="button">爆炸效果</button>
		<div id="div">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident sapiente culpa est esse ipsum mollitia odit cumque tempora enim in excepturi hic accusamus dicta voluptas iste voluptatem nesciunt laboriosam unde?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur deserunt dolores aperiam sed quas dolore ipsum porro sit pariatur? Et animi voluptatibus blanditiis reiciendis aliquam! Officiis laboriosam veritatis quam. Doloribus!</div>
		
		<script type="text/javascript">
		
//		 var options = {};
//		      // 一些特效带有必需的参数
//		      if ( selectedEffect === "scale" ) {
//		        options = { percent: 0 };
//		      } else if ( selectedEffect === "transfer" ) {
//		        options = { to: "#button", className: "ui-effects-transfer" };
//		      } else if ( selectedEffect === "size" ) {
//		        options = { to: { width: 200, height: 60 } };
//		      }

			$("button").click(()=>{
				$( "#div" ).effect("size",{ to: { width: 200, height: 60 } },500);
			})
			
			
			
//			$( "div" ).draggable();
		</script>
	</body>
</html>
